<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin table Examples</title>
<meta name="description" content="这是一个 table 页面">
<meta name="keywords" content="table">

<% include("/common/inc/_css.html"){} %>
</head>
<body>
	<% include("/common/inc/_header.html"){} %>

	<div class="am-cf admin-main">
		<!-- sidebar start -->
		<% include("/common/inc/_menu.html"){} %>
		<!-- sidebar end -->

		<!-- content start -->
		<div class="admin-content">
			<div class="admin-content-body">
				<div class="am-cf am-padding am-padding-bottom-0">
					<div class="am-fl am-cf">
						<strong class="am-text-primary am-text-lg">表格</strong> / <small>Table</small>
					</div>
				</div>

				<hr>

				<div class="am-g">
					<div class="am-u-sm-12 am-u-md-6">
						<div class="am-btn-toolbar">
							<div class="am-btn-group am-btn-group-xs">
								<a href="${ctxPath}/auth/user/"><button type="button" class="am-btn am-btn-default">
									<span class="am-icon-plus"></span> 新增
								</button></a>
								<a href="#"><button type="button" class="am-btn am-btn-default">
									<span class="am-icon-trash-o"></span> 删除
								</button></a>
							</div>
						</div>
					</div>
					<div class="am-u-sm-12 am-u-md-3">
						<div class="am-form-group">
							<select data-am-selected="{btnSize: 'sm'}">
								<option value="option1">所有</option>
								<option value="option1">管理员</option>
								<option value="option2">不是管理员</option>


							</select>
						</div>
					</div>
					<div class="am-u-sm-12 am-u-md-3">
						<div class="am-input-group am-input-group-sm">
							<input type="text" class="am-form-field"> <span
								class="am-input-group-btn">
								<button class="am-btn am-btn-default" type="button"
									onclick="seek()">搜索</button>
							</span>
						</div>
					</div>
				</div>

				<div class="am-g">
					<div class="am-u-sm-12">
						<form class="am-form">
							<table
								class="am-table am-table-striped am-table-hover table-main">
								<thead>
									<tr>
										<th class="table-check"><input type="checkbox" /></th>
										<th class="table-id">序号</th>
										<th class="table-title">用户名</th>
										<th class="table-date am-hide-sm-only">创建日期</th>
										<th class="table-type">是否管理员</th>
										<th class="table-set">操作</th>
									</tr>
								</thead>
								<tbody>
									<% for(var item in list.list!) {%>
									<tr>
										<td><input type="checkbox" /></td>
										<td>${itemLP.index}</td>
										<td><a href="#">${item.username!}</a></td>
										<td class="am-hide-sm-only">${item.create_time,'yyyy-MM-dd hh:mm:ss'}</td>
										<td class="admin ${item.is_admin == 1?'am-text-danger':''}">${item.is_admin == 1?'是':'否'}</td>
										<td>
											<div class="am-btn-toolbar">
												<div class="am-btn-group am-btn-group-xs">
													
													<a href="${ctxPath}/auth/user/${item.id}"
														class="am-btn am-btn-default am-btn-xs am-text-secondary">
														<span class="am-icon-pencil-square-o"></span> 编辑
													</a>&nbsp;
													
													<a onclick="deleteArticle('${item.id}')"
														class="am-btn am-btn-default am-btn-xs am-text-danger
														am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除
														</a>&nbsp;
														 <a href="${ctxPath}/auth/user_role/${item.id}"
														  class="am-btn am-btn-default am-btn-xs am-text-secondary am-hide-sm-only"><span
														class="am-icon-copy"></span> 分配角色</a>
												</div>
											</div>
										</td>
									</tr>
									<%}%>
								</tbody>
							</table>
							<div class="am-cf"><% var curUrl = ctxPath +
								"/auth/user/list";
								include("/common/inc/_page.html",{pageUrl:curUrl}){} %></div>
							<hr />
							<p>注：.....</p>
						</form>
					</div>

				</div>

				<footer class="admin-content-footer">
					<hr>
					<p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed
						under MIT license.</p>
				</footer>

			</div>
			<!-- content end -->
		</div>


		<a href="#"
			class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
			data-am-offcanvas="{target: '#admin-offcanvas'}"></a>



		<!-- 删除提示 -->
		<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">删除提示</div>
				<div class="am-modal-bd">你，确定要删除这条记录吗？</div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-cancel>取消</span> <span
						class="am-modal-btn" data-am-modal-confirm>确定</span>
				</div>
			</div>
		</div>


		<footer>
			<hr>
			<p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed
				under MIT license.</p>
		</footer>




		<% include("/common/inc/_js.html"){} %>


		<script type="text/javascript">
			function deleteArticle(id) {
				$('#my-confirm').modal({
					relatedTarget : this,
					onConfirm : function(options) {
						$.ajax({
							url : '${ctxPath }/auth/user/'+id,
							type:'DELETE',
							success : function() {
								window.location.reload(); //刷新页面
							}
						})
					},
					onCancel : function() {

					}
				});
			}

			function seek() {
				var typeId = $("#typeId").val();
				var title = $("#title").val();

				window.location.href = "admin_articleList?typeId=" + typeId
						+ "&title=" + title;

			}
			
			
		</script>
</body>
</html>